<template>
  <div id="chartLineBox2" style="width: 100%; height: 300px"></div>
</template>
<script>
import echarts from "echarts";
export default {
  mounted() {
    let chartDom2 = document.getElementById("chartLineBox2");
    let myChart2 = echarts.init(chartDom2);
    let option;
    option = {
      xAxis: {
        type: "category",
        data: [
          "03/02",
          "03/03",
          "03/04",
          "03/05",
          "03/06",
          "03/07",
          "03/08",
          "03/09",
          "03/10",
          "03/11",
          "03/12",
          "03/13",
          "03/14",
          "03/15",
          "03/16",
        ],
      },
      yAxis: {
        type: "value",
      },
      series: [
        {
          data: [0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0],
          type: "line",
          smooth: true,
          lineStyle: {
            color: "palegreen",
          },
          areaStyle: {
            color: "lightgreen",
          },
        },
      ],
    };
    option && myChart2.setOption(option);
  },
  data() {
    return {};
  },
};
</script>
<style scoped>
/* a{
    background-color: palegreen;
} */
</style>
